<template>
  <div>
    <div class="myTop">
      <img src="../img/head.jpg" width="100%" class="headImg">
      <router-link to="/">立即登陆</router-link>
    </div>

    <mt-cell is-link class="tubiao">
      <svg slot="icon" class="icon" aria-hidden="true" width="50px" height="50px">
        <use xlink:href="#icon-gerenxinxi"></use>
      </svg>
      <span class="i">个人信息</span>
    </mt-cell>
    <mt-cell is-link class="tubiao">
      <svg slot="icon" class="icon" aria-hidden="true" width="50px" height="50px">
        <use xlink:href="#icon-icon-test"></use>
      </svg>
      <span class="i">发现</span>
    </mt-cell>
    <mt-cell is-link class="tubiao">
      <svg slot="icon" class="icon" aria-hidden="true" width="50px" height="50px">
        <use xlink:href="#icon-anquanzhongxin"></use>
      </svg>
      <span class="i">安全中心</span>
    </mt-cell>
    <mt-cell is-link class="tubiao" style="margin-bottom:1rem">
      <svg slot="icon" class="icon" aria-hidden="true" width="50px" height="50px">
        <use xlink:href="#icon-wodeqianbao"></use>
      </svg>
      <span class="i">我的钱包</span>
    </mt-cell>

    <mt-cell is-link class="tubiao">
      <svg slot="icon" class="icon" aria-hidden="true" width="50px" height="50px">
        <use xlink:href="#icon-liulanlishi"></use>
      </svg>
      <span class="i">浏览历史</span>
    </mt-cell>

    <mt-cell is-link class="tubiao" style="margin-bottom:1rem">
      <svg slot="icon" class="icon" aria-hidden="true" width="50px" height="50px">
        <use xlink:href="#icon-Processsettings"></use>
      </svg>
      <span class="i">设置</span>
    </mt-cell>
    <mt-cell is-link class="tubiao">
      <svg slot="icon" class="icon" aria-hidden="true" width="50px" height="50px">
        <use xlink:href="#icon-web-quit"></use>
      </svg>
      <span class="i">退出</span>
    </mt-cell>


  </div>
</template>

<style>
  .myTop{
    height: 8rem;
    width:100%;
    background: url("../img/bg.jpg") 25% 25%;
    padding-top: 2rem;
  }
  .myTop>.headImg{
    /* background:white; */
    display: block;
    border-radius: 50%;
    width:5rem;
    height:5rem;
    margin:0 auto;
  }
  .myTop>a{
    display: block;
    text-align: center;
    margin-top: 0.7rem
  }

  .icon {
   width: 2rem; height: 3rem;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
.i{
  margin-left:1rem;
  width:19rem;
}

</style>

